<div class="container clearfix usereditor">
    <!--详细信息-->
    <div class="user-pages">
      <div class="row user-detail clearfix">
          <!--头像-->
          <div class="portrait pull-left hidden-xs">
              <em class="glyphicon glyphicon-user" *ngIf="!userInfo?.AvatarUrl"></em>
              <img [src]="userInfo?.AvatarUrl" class="portrait-user" *ngIf="userInfo?.AvatarUrl">
          </div>
          <!--详细信息-->
          <div class="pull-left detail">
              <div class="detail-username"><a href="javascript:;">{{userInfo?.NickName}}</a></div>
              <div class="detail-address" >性别：{{userInfo?.Gender === 1 || !userInfo?.Gender ? '男' : '女'}}</div>
              <div class="detail-desc">简介：{{userInfo?.Abstract}}</div>
          </div>
      </div>
    </div>
    <div class="col-sm-3 paddingl0">
      <div class="entry userEditor">
        <ul class="entry-list list-unstyled">
          <li class="entry-item entry-parent pd-lr-20" routerLinkActive="entry-parent-active" >
            <a href="javascript:;" [routerLink]="['personaldata']">个人资料</a>
          </li>
          <li class="entry-item entry-item-relative pd-lr-20" (click)="onIconClick(0)">
            K易账号安全 <i class="glyphicon entry-item-i line-h40" [class.glyphicon-menu-up]="hideList[0]" [class.glyphicon-menu-down]="!hideList[0]" ></i>
          </li>
          <li class="entry-item" *ngIf="hideList[0]">
             <ul class="entry-list list-unstyled">
               <li class="entry-item entry-live pd-lr-20" routerLinkActive="entry-live-active" >
                 <a href="javascript:;" [routerLink]="['accountbind']">账号绑定</a>
               </li>
                <li class="entry-item entry-live pd-lr-20" routerLinkActive="entry-live-active" >
                  <a href="javascript:;" [routerLink]="['pwdeditor']">密码修改</a>
                </li>
              </ul>
          </li>
          <li class="entry-item entry-item-relative pd-lr-20" (click)="onIconClick(1)">
            交易账号安全 <i class="glyphicon entry-item-i line-h40" [class.glyphicon-menu-up]="hideList[1]" [class.glyphicon-menu-down]="!hideList[1]" ></i>
          </li>
          <li class="entry-item" *ngIf="hideList[1]">
             <ul class="entry-list list-unstyled">
               <li class="entry-item entry-live pd-lr-20" routerLinkActive="entry-live-active" >
                 <a href="javascript:;" >交易账号绑定</a>
               </li>
                <li class="entry-item entry-live pd-lr-20" routerLinkActive="entry-live-active" >
                  <a href="javascript:;" >密码修改</a>
                </li>
                <li class="entry-item entry-live pd-lr-20" routerLinkActive="entry-live-active" >
                  <a href="javascript:;" [routerLink]="['safetyrecords']">安全记录</a>
                </li>
              </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="pull-left col-sm-9 padding0">
        <router-outlet></router-outlet>
    </div>
</div>
